<?php $this->pageTitle = 'PropSage: Automatic Form Fillers, SMS Advertising and more'; ?>

<script type="text/javascript">
    $(document).ready(function(){
        $('#identify-form').submit(function(){
            if ($('#license_no').val() == '') {
                return false;
            } 
        });
    });
</script>
<div id="banner">
    <div class="container_12 relative">
        <div id="banner-text" class="grid_5 clearfix">
            <h1>Power Up</h1>
            <h2>Your Real Estate Business</h2>
            <p>PropSage takes your business to the next level by taking away the frustrating aspects of managing your real estate business.</p>
            <div id="quick-sign-up" class="relative">
                <?php
                $form = $this->beginWidget('CActiveForm', array(
                    'id' => 'identify-form',
                    'enableAjaxValidation' => false,
                    'action' => '/account/identify',
                    'htmlOptions' => array(
                        'class' => 'form',
                    )
                        ));
                ?>
                
                <?php echo CHtml::textField('license_no', null, array('id' => 'license_no', 'size' => 20, 'class' => '', 'placeholder' => 'Enter your CEA Number...')); ?>
                <input type="submit" class="button green valign-top" value="Sign Up Free" />
                <?php $this->endWidget(); ?>
            </div>
        </div>
        <div id="banner-video">
            <a href="#videoOverlay" class="playVideo">
                <img src="/images/home/macbook_play.png" />
            </a>
            <div style="display:none">
                <?php
                $iPhone = strpos($_SERVER['HTTP_USER_AGENT'], 'iPhone');
                $iPad = strpos($_SERVER['HTTP_USER_AGENT'], 'iPad');

                if ($iPhone == true || $iPad == true):
                    ?>
                    <div id="videoOverlay">
                        <video id='video'
                               controls preload='none'
                               width="640" height="480">
                            <source id='m4v'
                                    src="/media/videos/commercial.m4v"
                                    type="video/mp4"></source>
                            <source id='mov'
                                    src="/media/videos/commercial.mov"
                                    type="video/quicktime"></source>
                            <p>Your user agent does not support the HTML5 Video element.</p>
                        </video>
                        <div class="align-center">
                            <a id="btnGetStarted" class="orange-button" href="<?php echo $this->createUrl('/account/identify'); ?>">Get Started Now</a>
                        </div>
                        <script type="text/javascript">
                            $(function(){
                                $('.playVideo').fancybox({
                                    'autoDimensions': false,
                                    'autoScale'     : false,
                                    'width'     : 650,
                                    'height'    : 550
                                });
                            });
                        </script>
                    </div>
                <?php else: // Flash-enabled browsers ?>
                    <!-- video-overlay:start -->
                    <div id="videoOverlay">
                        <div id="jwplayer" style="width: 640px; height: 480px;"></div>
                        <div class="align-center">
                            <a id="btnGetStarted" class="orange-button" href="<?php echo $this->createUrl('/account/identify'); ?>">Get Started Now</a>
                        </div>
                        <script type="text/javascript">
                            $(function(){
                                $('.playVideo').fancybox({
                                    'autoDimensions': false,
                                    'autoScale'     : false,
                                    'width'     : 650,
                                    'height'    : 550,
                                    'onComplete'    : function(){
                                        jwplayer("jwplayer").setup({
                                            file:"/media/videos/commercial.flv",
                                            flashplayer: "/js/player.swf",
                                            allowscriptaccess: "always",
                                            allowfullscreen: true,
                                            width: 640,
                                            height: 480,
                                            //                    controlbar: 'bottom',
                                            plugins: {
                                                'viral-2': {
                                                    onpause: false,
                                                    oncomplete: false,
                                                    allowmenu: false
                                                }
                                            }
                                        });
                                        jwplayer("jwplayer").play();
                                    },
                                    'onClosed'      : function() {
                                        //                                    jwplayer("jwplayer").stop();
                                    }
                                });

                                $('.playVideo').click(function(event){
                                    event.preventDefault();
                                });
                            });
                        </script>
                    </div>      
                    <!-- video-overlay:end -->
                <?php endif; ?>
            </div>
        </div>
    </div>
</div>   

<div class="ribbon blue"></div>
<div id="content">
    <div id="section1">
        <div class="container_12">
            <h1 class="title" align="center">See How PropSage Makes It Easier for Real Estate Agents</h1>
            <div id="box_1" class="grid_3"> <img alt="Get More Sales" src="/images/home/more_sales.png" />
                <h2>Get More Sales.</h2>
                <p>PropSage helps you engage clients of different ethnic groups as well as existing ones.</p>
                <p><strong><a href="/tour.html#moresales">Learn More</a></strong></p>
            </div>
            <div id="box_2" class="grid_3"> <img alt="Build Rapport" src="/images/home/build_rapport.png" />
                <h2>Build Rapport.</h2>
                <p>Impress your clients with your superb memory and spend less time on administrative tasks.</p>
                <p><strong><a href="/tour.html#buildrapport">Learn More</a></strong></p>
            </div>
            <div id="box_3" class="grid_3"> <img alt="Get Organized" src="/images/home/get_organized.png" />
                <h2>Get Organized.</h2>
                <p>Track case progress and set email reminders so you can close cases faster.</p>
                <p><strong><a href="/tour.html#getorganized">Learn More</a></strong></p>
            </div>
            <div id="box_4" class="grid_3"> <img alt="Reduce Disputes" src="/images/home/reduced_disputes.png" />
                <h2>Reduce Disputes.</h2>
                <p>Avoid costly legal fees and disputes with clients.</p>
                <p><strong><a href="/tour.html#reducedisputes">Learn More</a></strong></p>
            </div>
            <div class="shadow-sep"></div>
        </div>
    </div>
    <div id="section2">
        <div class="container_12">
            <h1 class="title" align="center">PropSage Features at a Glance</h1>
            <div class="feature right grid_10 prefix_1 suffix_1">
                <div class="feature-image">
                    <div class="feature-ribbon"><img src="/images/home/corner-ribbon-free.png" /></div>
                    <img src="/images/home/feature-prefilling.png" />
                </div>
                <div class="feature-text">
                    <h2>Powerful Form Fillers</h2>
                    <h3>Secure your listings faster in a slow market.</h3>
                    <p>Having trouble getting your client to sign agreements? Did you ever have to redo forms because it was incorrectly filled in?</p>
                    <p>With PropSage, all your real estate forms are validated and beautifully pre-filled, giving you more time to build rapport with your clients.</p>
                    <p>Oh, did we also mention that it is completely FREE?</p>
                </div>
            </div>
            <div class="feature right grid_10 prefix_1 suffix_1">
                <div class="feature-image"> <img src="/images/home/feature-sms-advert.png" /> </div>
                <div class="feature-text">
                    <h2>Mass SMS Advertising</h2>
                    <h3>It's simply - Cheaper, Better & Faster</h3>
                    <p>From as low as <strong>$0.04 per SMS</strong>, PropSage's SMS Advertising platform makes it <em>easy and cost-effective</em> to build your client list, manage un-subscriptions and stay in touch with your prospects or team members.</p>
                    <p>Because it's pay-as-you-use, there are absolutely no hardware, software, or contracts to worry about, lowering your costs to get each listing.</p>
                    <p>PropSage SMS Ads helps you automatically comply with the Singapore Advertisement Guidelines and also lets you schedule your Ads ahead of time.   </p>
                    <p>Creating an Advert only takes 2 minutes!</p>
                </div>
            </div>
            <div class="feature right grid_10 prefix_1 suffix_1">
                <div class="feature-image"> <img src="/images/home/feature-remind-client-and-me.png" /> </div>
                <div class="feature-text">
                    <h2>Automatic Client Reminders</h2>
                    <h3>Keep your clients informed - always.</h3>
                    <p>PropSage's Calendar can <strong>automatically remind your clients</strong> via Email or SMS of upcoming events.</p>
                    <p>Location details are also provided in the reminders, so your customers will never get lost trying to meet with you.</p>
                </div>
            </div>
        </div>
    </div>
</div>